import QtQuick 2.12
import QtQuick.Controls 2.5

Page {
    width: 600
    height: 400
    property alias comboBoxType: comboBoxType
    property alias buttonOrder: buttonOrder
    property alias labelAge: labelAge
    property alias progressBarAge: progressBarAge
    property alias dialAge: dialAge
    property alias textFieldName: textFieldName
    property alias labelName: labelName

    header: Label {
        text: qsTr("Order a pet")
        font.pixelSize: Qt.application.font.pixelSize * 2
        padding: 10
    }

    Row {
        id: rowMain
        spacing: 25
        anchors.fill: parent

        Column {
            id: columnLeft
            width: 200
            height: parent.height
            spacing: 10

            Label {
                id: labelName
                text: qsTr("Please Enter a name")
                font.pointSize: 13
            }

            TextField {
                id: textFieldName
                width: parent.width200
                placeholderText: qsTr("Text Field")
            }

            ComboBox {
                id: comboBoxType
                width: parent.width
            }

            Button {
                id: buttonOrder
                width: parent.width
                text: qsTr("Order")
            }
        }

        Column {
            id: columnRight
            width: 200
            height: parent.height

            Dial {
                id: dialAge
                width: parent.width
                value: 1
                to: 20
                from: 0
            }

            ProgressBar {
                id: progressBarAge
                to: dialAge.to
                from: dialAge.from
                value: 1
            }

            Label {
                id: labelAge
                text: qsTr("Age 1")
            }
        }
    }
}

/*##^##
Designer {
    D{i:2;anchors_height:400;anchors_width:200}
}
##^##*/

